<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			/* 阿里图标代码 */
			/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
			@font-face {
			  font-family: 'iconfont';  /* Project id 4601449 */
			  src: url('//at.alicdn.com/t/c/font_4601449_gd8dtwvllgk.woff2?t=1719472880263') format('woff2'),
			       url('//at.alicdn.com/t/c/font_4601449_gd8dtwvllgk.woff?t=1719472880263') format('woff'),
			       url('//at.alicdn.com/t/c/font_4601449_gd8dtwvllgk.ttf?t=1719472880263') format('truetype');
			}
			.iconfont{
			    font-family:"iconfont" !important;
			    font-size:16px;font-style:normal;
			    -webkit-font-smoothing: antialiased;
			    -webkit-text-stroke-width: 0.2px;
			    -moz-osx-font-smoothing: grayscale;}
			.bigbox{
				display: flex;
				/* flex-direction: row; */
				flex-wrap: wrap;
				justify-content: space-between;
				/* 项目在交叉轴上的对齐方式: */
				align-items: center;
				/* 多条轴线的对齐方式:
				flex-start:沿着交叉轴的开始位置
				flex-end:沿着交叉轴结束的位置
				center:居中
				space-between:两端对齐
				space-around:拉手对齐
				stretch；默认值
				*/
				align-content: space-around;
				width: 1300px;
				height: 700px;
				border: 1px solid gray;
				margin: auto;
			}
			.bigbox div{
				width: 200px;
				height: 200px;
				border: 1px solid palevioletred;
				font-size: 25px;
				text-align: center;
				line-height: 200px;
			}
		</style>
		
	</head>
	<body>
		
		<div class="bigbox">
			<div>1</div>
			<div>2</div>
			<div>3</div>
			<div>4</div>
			<div>5</div>
			<div>6</div>
		</div>
		
		<i class="iconfont">&xe6a2;</i>
	</body>
</html>
